@import 'typography';
@import 'footer';
@import 'navigation';
@import 'newsletter';
@import 'page';
@import 'anchor';
@import 'code';
@import 'reference';
@import 'color-block';
@import 'index';
@import 'building-blocks';
@import 'search';
@import 'compatibility';
@import 'notices';
@import 'topbar';
@import 'toc';
@import 'banner';
@import 'label';
@import 'studios-callout';
@import 'announcement';
@import 'header';
@import 'video';

.menu-group {
  @include clearfix;

  ul:first-child { float: left; }
  ul:last-child  { float: right; }
}

.sticky-mag {
  background-color: $white;

  &.stuck-mag {
    border-bottom: 2px solid #121212;
  }
}

.expanded.row .row {
  @include grid-row-nest;
}

.docs-contribute-menu {
  @include breakpoint(small only) {
    font-size: rem-calc(14);
  }

  i {
    margin-right: 8px !important;
    margin-top: -1px;
  }
}

// .docs-component {
//   .callout {
//     border-left-width: 10px;

//     &.primary { border-left-color: $primary-color; }
//     &.warning { border-left-color: $warning-color; }
//     &.alert   { border-left-color: $alert-color; }
//   }
// }
